<script setup lang="ts">
import { ref, isRef, shallowRef, triggerRef } from 'vue'
// import RefCom from './components/Ref.vue'
// import Reactive from './components/Reactive.vue'
import Mac from './components/mac.vue'
import Flip from './components/flip.vue'
</script>

<template>
    <router-view></router-view>
</template>

<style scoped lang="less">
html {
    font-size: 16px;
    body {
        display: flex;
        width: 100%;
        min-height: 100vh;
        overflow: hidden;
        align-items: flex-end;
        margin: 0;
        padding: 0;
        // background-image: linear-gradient(109.6deg, rgba(25, 170, 209, 1) 11.3%, rgba(21, 65, 249, 1) 69.9%);
    }
}
</style>
